<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        {# {% block 快名称 %} :在公共模板(父模板)中定义block块是为了让子模板可以自己去实现这个block,因为不同的自末班对于title标题的设置是不一样的, 所以父模板没法写死,只能在相应的位置给子模板预留一个块,方便子模板来自定义这个块的内容。#}
        {% block title %}{% endblock %}
        <style  type="text/css">
            .main{
                border: 1px solid #5bc0de;
                border-radius: 20px;
                margin:  5px ; {# 向外填充 #}
                padding: 5px; {# 向内填充 #}
            }
        </style>
    </head>
    <body>
        <div>
            <h1>欢迎进入测试系统</h1>
            <a href="https://www.baidu.com">百度一下</a>
            <a href="https://www.taobao.com">淘宝官网</a>
        </div>
        <div class="main">
        {% block content %}
            {# 预留了一个content块，目的是让子模板自定义这个块的内容，因为每一个子模板中，这个部分的内容都不不一样。 #}
        {% endblock %}
        </div>
        <div>
            <p>关于我们</p>
            <p>联系电话</p>
            <p>公司地址</p>
        </div>
    </body>
    </html>